<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--meta:vp + tab-->
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-1.11.1.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="xc">
			<div id="searchPage">
				<div class="search-header-wrap">
					<form id="searchForm">
						<div class="search-box">
							<input type="text" />
							<span class="i-clear"></span>
						</div>
						<span class="back"></span>
						<button type="submit">搜索</button>
					</form>
				</div>
				<div class="js-index-wrap">
					<div class="promote_div">
						<i></i>
						<span class="span1">下载携程app 专享优惠低至</span>
						<span class="span2">50%</span>
					</div>
					<div class="js-hot-wrap">
						<h4>热门搜索</h4>
						<ul>
							<li>门票<i class="fill-in"></i></li>
							<li>机票<i class="fill-in"></i></li>
							<li>旅游<i class="fill-in"></i></li>
							<li>酒店<i class="fill-in"></i></li>
							<li>攻略<i class="fill-in"></i></li>
							<li>WIFI<i class="fill-in"></i></li>
							<li>签证<i class="fill-in"></i></li>
							<li>优惠券<i class="fill-in"></i></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="main">
				<!--遮罩层-->
				<div class="shade"></div>
				
				<!--顶部固定定位-->
				<div class="searchBox">
					<div class="searchEvent">
						<span>搜索：目的地/酒店/景点/航班号</span>
					</div>
					<a href="#">
						<span>我 的</span>
					</a>
				</div>
				<!--头部轮播图-->
				<header class="xc_header">
					<div class="img_wrap">
						<ul class="images clearfix">
							<li><a href="#"><img src="./img/6.png" alt="" /></a></li>
							<li><a href="#"><img src="./img/1.jpg" alt="" /></a></li>
							<li><a href="#"><img src="./img/2.jpg" alt="" /></a></li>
							<li><a href="#"><img src="./img/3.jpg" alt="" /></a></li>
							<li><a href="#"><img src="./img/4.jpg" alt="" /></a></li>
							<li><a href="#"><img src="./img/5.jpg" alt="" /></a></li>
							<li><a href="#"><img src="./img/6.png" alt="" /></a></li>
							<li><a href="#"><img src="./img/1.jpg" alt="" /></a></li>
						</ul>
						<ul class="icon">
			                <li class="now"></li>
			                <li></li>
			                <li></li>
			                <li></li>
			                <li></li>
			                <li></li>
			            </ul>
					</div>
				</header>
				<!--酒店-机票-旅游导航-->
				<nav class="xc_nav">
					<div class="row">
						<div class="cow">
							<a href="#" class="hotal">
								酒 店
								<i class="icon1"></i>
							</a>
						</div>
						<div class="cow cow2">
							<a href="#">海外酒店</a>
							<a href="#">特价酒店</a>
						</div>
						<div class="cow cow2">
							<a href="#">团购</a>
							<a href="#">民宿</a>
						</div>
					</div>
					<div class="row">
						<div class="cow">
							<a href="#" class="hotal">
								机 票
								<i class="icon2"></i>
							</a>
						</div>
						<div class="cow cow2">
							<a href="#">火车票·抢票</a>
							<a href="#">汽车票·船票</a>
						</div>
						<div class="cow cow2">
							<a href="#">特价机票</a>
							<a href="#">专车·租车</a>
						</div>
					</div>
					<div class="row">
						<div class="cow">
							<a href="#" class="hotal">
								旅 游
								<i class="icon3"></i>
							</a>
						</div>
						<div class="cow cow2">
							<a href="#">目的地攻略</a>
							<a href="#">邮 轮</a>
						</div>
						<div class="cow cow2">
							<a href="#">周边游</a>
							<a href="#">定制旅行</a>
						</div>
					</div>
					<div class="row">
						<div class="cow cow2">
							<a href="#">景点玩乐</a>
							<a href="#">旅游卡</a>
						</div>
						<div class="cow cow2">
							<a href="#">美食林</a>
							<a href="#">全球购·换汇</a>
						</div>
						<div class="cow cow2">
							<a href="#">WiFi·电话卡</a>
							<a href="#">保险·签证</a>
						</div>
					</div>
					
				</nav>
				<!--小导航-->
				<div class="xc_subNav">
					<div class="row">
						<div class="cow">
							<a href="#"> 自由行 
								<i class="ic1"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 微领队 
								<i class="ic2"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 一日游 
								<i class="ic3"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 高端游 
								<i class="ic4"></i>
							</a>
						</div>
					</div>
					<div class="row">
						<div class="cow">
							<a href="#"> 酒店+景点 
								<i class="ic5"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 亲子.游学 
								<i class="ic6"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 外币兑换 
								<i class="ic7"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 加盟合作 
								<i class="ic8"></i>
							</a>
						</div>
					</div>
					<div class="row">
						<div class="cow">
							<a href="#"> 机场停车 
								<i class="ic9"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 寄送行李 
								<i class="ic10"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 当季去哪 
								<i class="ic11"></i>
							</a>
						</div>
						<div class="cow">
							<a href="#"> 更多服务 
								<i class="ic12"></i>
							</a>
						</div>
					</div>
				
				</div>
				<!--特卖汇-->
				<div class="sales_box sales_tmh">
					<div class="sales_top">
						<h2 class="title">特卖汇</h2>
						<a href="#">领红包再下单</a>
					</div>
					<div class="sales_bottom">
						<div class="flex sales_left">
							<img src="img/359.jpg" alt="" />
							<p class="sales_title">曼谷+芭提雅6日5晚跟团游(5钻)·全国五★五星航空白班+双岛出海+摩天轮夜市</p>
							<div class="sales_info">
								<span>￥2900起</span>
								<span>省￥1399</span>
							</div>
						</div>
						<div class="flex sales_right">
							<div class="t">
								<p class="p1">千款特价</p>
								<p class="p2">走过路过不要错过</p>
								<i class="icon1"></i>
							</div>
							<div class="b">
								<div class="l">
									<p class="p1 blue">海外精选</p>
									<p class="p2"><span class="blue">百元</span>出境游</p>
									<i class="icon2"></i>
								</div>
								<div class="r">
									<p class="p1 green">周边玩乐</p>
									<p class="p2"><span class="green">十元</span>度周末</p>
									<i class="icon3"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--热门活动-->
				<div class="sales_box sales_hot">
					<div class="sales_top">
						<h2 class="title">特卖汇</h2>
						<a href="#">获取更多福利</a>
					</div>
					<div class="sales_footer">
						<div class="one left">
							<div class="tp">
								<img src="img/jp1.jpg" alt="" />
							</div>
							<div class="foot one">
								<img src="img/app_home_ad01_qx621310.jpg" alt="" />
							</div>
						</div>
						<div class="one right">
							<div class="one">
								<img src="img/hq2.jpg" alt="" />
							</div>
							<div class="one middle">
								<img src="img/cr3.jpg" alt="" />
							</div>
							<div class="one">
								<img src="img/lx4.jpg" alt="" />
							</div>
						</div>
					</div>
				</div>
				<!--底部-->
				<footer class="tool_box">
					<div class="top">
						<div class="one reserve">电话预定</div>
						<div class="one client">下载客户端</div>
						<div class="one my">我的</div>
					</div>
					<div class="foot">
						<ul>
							<li><a href="#">网站地图</a></li>
							<li>|</li>
							<li  class="g_click"><a href="#"><span>Global sites </span><i></i></a></li>
							<li>|</li>
							<li><a href="#">电脑版</a></li>
						</ul>
						<p>©2017携程旅行</p>
					</div>
				</footer>
				<section class="global">
				<p>
					<span class="icon_global"></span>
					Global <sites></sites>
					<span class="icon_close"></span>
				</p>
				<section class="row">
					<section class="cow">
						<span class="ico1"></span>English
					</section>
					<section class="cow">
						<span class="ico2"></span>繁體中文
					</section>
					<section class="cow">
						<span class="ico3"></span>日本語
					</section>
				</section>
				
				<section class="row">
					<section class="cow">
						<span class="ico4"></span>한국의
					</section>
					<section class="cow">
						<span class="ico5"></span>Français
					</section>
					<section class="cow">
						<span class="ico6"></span>Deutsch
					</section>
				</section>
				
				<section class="row">
					<section class="cow">
						<span class="ico7"></span>Español
					</section>
					<section class="cow">
						<span class="ico8"></span>русский
					</section>
					<section class="cow">
						
					</section>
				</section>

			</section>
		
			</div>
		</div>
		<script type="text/javascript" src="./js/index.js"></script>
	</body>
</html>
